import { Box, Typography } from '@mui/material';
import React from 'react';
import Styles from './index.module.scss';

export interface TitleContainerProps {
  title: string;
}

export const TitleContainer: React.FC<TitleContainerProps> = ({ title, children }) => (
    <Box className={Styles.root}>
      <Box className={Styles.titleBar}>
        <Typography>{title}</Typography>
      </Box>
      {children}
    </Box>
);

export default TitleContainer;
